<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        p{
            background-color: #6ee7b7;
        }

        .font{
            font-weight: bold;
            font-size: 30px;
        }
        .under{
            text-decoration: underline;
        }
        #testDiv{
            border:1px solid #000000;
        }
        #imgDiv img{
            width: 100px;
            height: 100px;
        }
        #contentDiv *{
            color:blue;
        }
        input[type=password]{
            background-color: yellow;
        }
        #data tr:hover{
            background-color: #BBBBBB;
        }
        #bgDiv{
            background-color: #6ee7b7 !important;
        }
    </style>
    <link rel="stylesheet" href="css1.css">

</head>
<body>
    <p style="color: red;background-color: blue">自然段</p>
    <p class="font under">段落二</p>
    <p>ddd</p>
    <span class="font">span</span>
    <div id="testDiv">div标签</div>
    <div>div2</div>

    <div id="imgDiv">
        <img src="../img/1.jpg">
        <img src="../img/2.jpg">
        <img src="../img/3.jpg">
        <img src="../img/4.jpg">
        <img src="../img/5.jpg">
        <img src="../img/6.jpg">
    </div>

    <div id="contentDiv">
        <span>dddd</span>
        <ul><li>aa</li><li>bb</li></ul>
        <div>div</div>
    </div>

    <form action="add">
        <table></table>
        <input type="text" name="userName" value="123">
        <input type="submit" value="提交">
    </form>

    用户名：<input type="text" name="userName" id="name"><br>
    密码：<input type="password" name="pwd"><br>
    确认密码：<input type="password" name="repwd"><br>

    <table border="1" cellspacing="0" width="80%">
        <thead>
            <tr><th>工号</th><th>姓名</th><th>电话</th><th>职位</th></tr>
        </thead>

        <tbody id="data">
            <tr><td>001</td><td>张三</td><td>13827362254</td><td>经理</td></tr>
            <tr><td>001</td><td>张三</td><td>13827362254</td><td>经理</td></tr>
            <tr><td>001</td><td>张三</td><td>13827362254</td><td>经理</td></tr>
            <tr><td>001</td><td>张三</td><td>13827362254</td><td>经理</td></tr>
            <tr><td>001</td><td>张三</td><td>13827362254</td><td>经理</td></tr>
        </tbody>
    </table>

    <div style="background-color: blue" id="bgDiv">div标签</div>
</body>
</html>